Skip to content

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Oct 29, 2025

Purpose

Improve accessibility and keyboard interactions for remove modal component

issue : 1530

Proposal

  • Add a focus trap inside ModalRemoveDoc
  • Allow opening the modal via Enter key
  • Create reusable useKeyboardAction hook for Enter/Space handlers

@Ovgodd Ovgodd requested a review from AntoLC October 29, 2025 12:14
@Ovgodd Ovgodd self-assigned this Oct 29, 2025
@Ovgodd Ovgodd added bug Something isn't working accessibility labels Oct 29, 2025
@Ovgodd Ovgodd force-pushed the fix/a11y-modal-remove-doc-focus-trap branch from 70956fb to 34261f1 Compare October 29, 2025 12:14
@Ovgodd Ovgodd marked this pull request as ready for review October 29, 2025 12:15
@Ovgodd Ovgodd force-pushed the fix/a11y-modal-remove-doc-focus-trap branch from 34261f1 to 771de1c Compare October 29, 2025 12:17
@github-actions
Copy link

github-actions bot commented Oct 29, 2025

Size Change: +186 B (0%)

Total Size: 4.07 MB

Filename Size Change
apps/impress/out/_next/static/4dcb3d9a/_buildManifest.js 0 B -883 B (removed) 🏆
apps/impress/out/_next/static/372583df/_buildManifest.js 884 B +884 B (new file) 🆕

compressed-size-action

@Ovgodd Ovgodd added bug Something isn't working and removed bug Something isn't working labels Oct 29, 2025
@Ovgodd Ovgodd force-pushed the fix/a11y-modal-remove-doc-focus-trap branch from 771de1c to 058ce45 Compare November 10, 2025 11:47
@Ovgodd Ovgodd requested a review from AntoLC November 12, 2025 12:23
Comment on lines 97 to 107
<Box ref={cancelButtonRef}>
<Button
aria-label={t('Cancel the deletion')}
color="secondary"
fullWidth
onClick={handleClose}
onKeyDown={handleCloseKeyDown}
>
{t('Cancel')}
</Button>
</Box>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As talk together, let's put the ref directly on the Button component.

CHANGELOG.md Outdated
- 🐛(backend) fix trashbin list
- ♿(frontend) improve accessibility:
- ♿(frontend) remove empty alt on logo due to Axe a11y error #1516
- ♿(frontend) add focus trap and enter key support to remove doc modal #1531
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should be under "Unreleased".

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ye, this is the case

@Ovgodd Ovgodd force-pushed the fix/a11y-modal-remove-doc-focus-trap branch 2 times, most recently from 7a370d0 to ca6a814 Compare November 13, 2025 11:58
improves a11y by enabling keyboard-triggered modal with proper focus trap

Signed-off-by: Cyril <[email protected]>
@Ovgodd Ovgodd force-pushed the fix/a11y-modal-remove-doc-focus-trap branch from ca6a814 to 6314cb3 Compare November 13, 2025 11:59
@Ovgodd Ovgodd merged commit 6314cb3 into main Nov 13, 2025
21 of 22 checks passed
@Ovgodd Ovgodd deleted the fix/a11y-modal-remove-doc-focus-trap branch November 13, 2025 12:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility bug Something isn't working frontend

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants